<template>
  <div class="first">
    <div class="first-main">
      <router-view></router-view>
    </div>
    <div class="first-footer">
      <router-link to="/Home"><van-icon name="wap-home-o" />首页</router-link>
      <router-link to="/List"><van-icon name="search" />找房</router-link>
      <router-link to="/Profile"><van-icon name="contact" />我的</router-link>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.first {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.first-main {
  flex: 1;
  overflow-y: scroll;
}
.first-footer {
  width: 100%;
  height: 50px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  border-top: 1px solid #e6e6e6;
}
.first-footer a {
  width: calc(100% / 3);
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.router-link-exact-active {
  color: greenyellow;
}
</style>